<!doctype html>
<html>

    <head>
        <title>jsPlumbToolkit - Orgchart</title>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1" />
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <link rel="stylesheet" href="node_modules/@jsplumbtoolkit/browser-ui/css/jsplumbtoolkit.css">
        <link rel="stylesheet" href="node_modules/@jsplumbtoolkit/browser-ui/css/jsplumbtoolkit-connector-editors.css">
        <link rel="stylesheet" href="node_modules/@jsplumbtoolkit/browser-ui/css/jsplumbtoolkit-controls.css">
        <link rel="stylesheet" href="./app.css">
    </head>

    <body>

        <div class="jtk-demo-main" id="jtk-demo-chatbot">

            <!-- main drawing area -->
            <div class="jtk-demo-canvas">
                <!-- controls -->
                <div class="jtk-controls-container"></div>
                <!-- miniview -->
                <div class="miniview"></div>
            </div>
            <div class="jtk-demo-rhs">
                <!-- node/edge inspector -->
                <div class="inspector"></div>
                <div class="search">

                </div>
            </div>


        </div>

        <!-- the demo code -->
        <script src="bundle.js"></script>

    </body>
</html>
